$(function () {
  $.ajax({
    url: "http://chst.vip:1234/api/getcouponproduct",
    data: locationParam(),
    success: (res) => {
      let htm = "";
      $.each(res.result, (i, item) => {
        htm += `
        <li>
            <a couponProductId='${item.couponProductId}' href="#">
                ${item.couponProductImg}
                <h1> ${item.couponProductName}</h1>
                <h2>${item.couponProductPrice}</h2>
                <h3>${item.couponProductTime}</h3>
            </a>
        </li>
        <div class='clear'></div> `;
      });
      $("main ul").html(htm);

      // 遮罩事件处理
      let foodImgNum = 0;
      $(".mask").hide().css("height", "100%");

      // 显示
      $("main a").click(function () {
        $(".mask img").attr(
          "src",
          $("main li").eq(foodImgNum).find("img").attr("src")
        );
        $(".mask").slideToggle();
      });
      // 图片-1
      $(".mask button:eq(0)").click(function () {
        if (--foodImgNum < 0) {
          alert("已经是第一个了");
          return (foodImgNum = 0);
        }
        $(".mask img").attr(
          "src",
          $("main li").eq(foodImgNum).find("img").attr("src")
        );
      });

      // 图片+1
      $(".mask button:eq(1)").click(function () {
        if (++foodImgNum >= $("main li").length) {
          alert("最后一个了");
          return (foodImgNum = 57);
        }
        $(".mask img").attr(
          "src",
          $("main li").eq(foodImgNum).find("img").attr("src")
        );
      });

      // 关闭动画
      $(".mask .img span").click(function () {
        $(".mask").slideToggle();
      });
    },
  });
});
